*{
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
html,body,#root{
  width: 100%;
  height: 100%;
}

.Home{
  width: 100%;
  height: 100%;
  main{
    width: 100%;
    height: calc(100% - 50px);
  }
  footer{
    width: 100%;
    height: 50px;
  }
}

.Classify{
  width: 100%;
  height: 100%;
  main{
    width: 100%;
    height: calc(100% - 100px);
    .rv-sidebar__wrapper{
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      .rv-sidebar{
        width: 100px;
        height: 100%;
      }
      .rv-sidebar__content{
        width: calc(100% - 100px);
        height: 100%;
        overflow: auto;
      }
      
    }
    .demo-swiper {
      .rv-swiper {
        &__slide {
          .rv-swiper-item {
            color: #fff;
            font-size: 20px;
            height: 100px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgb(224, 105, 105);
          }
        }
    
        img {
          width: 100%;
          height: 100px;
        }
      }
    }
    
  }

  
}
.Shop{
  width: 100%;
  height: 100%;
  main{
    width: 100%;
    height: calc(100% - 100px);
    .rv-product-card{
      width: calc(100% - 20px);
    }
  }
  footer{
    width: 100%;
    height: 50px;
    .rv-submit-bar {
      bottom: 50px;
    }
  }
}

